/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, tr, th, td, embed, object, em, hr, span, header, hgroup, nav, aside, footer, figure, figcaption, time, details, summary { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr { border: 0; }
address, caption, cite, code, dfn, i, em, h1, h2, h3, h4, h5, h6, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
cite { display: block; font-size: 12px; font-style: italic; text-align: right; }
textarea { overflow: auto; }
img { border: 0; }
input, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
header, hgroup, nav, aside, section, footer, article, figure, figcaption, details, summary { display: block; }
.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

body { font-family: Tahoma,Arial; min-width: 950px; font-size: 14px; line-height: 1.5; background-color: #F1F1F1; }
input { vertical-align: middle; }
input[type=checkbox] { vertical-align: -2px !important; }
input[type=radio] { vertical-align: -2px; }
select { padding: 3px 5px; font-size: 14px; margin-left: 0px; }
a { color: #1a64a1; }
a:hover { color: #f37f0d; }
::selection { background: #9ECF69; color: #fff; }
::-moz-selection { background: #9ECF69; color: #fff; }
.ta-c { text-align: center; }
.red { color: #f00; }

.bg-light, .bg-cold { position: relative; width: 1024px; height: 768px; margin: 0 auto; background: url(../images/bg-light.jpg) no-repeat; border: 1px solid #C1CEE3; overflow: hidden; }
.bg-cold { background: url(../images/bg-2.jpg) no-repeat; }
.logo, .logo-m { position: absolute; top: 20px; left: 10px; width: 150px; height: 150px; }
.logo-m { top: 10px; left: 50px; width: 80px; height: 80px; }
.sub-title { position: absolute; top: 10px; width: 100%; text-align: center; }
.pc-time { position: absolute; top: 10px; right: 120px; }
.pc-number { position: absolute; top: 10px; right: 0px; }
.pc-number { font: bold 30px "simhei"; }
.pc-number span { font: bold 44px arial; color: #f00; padding-right: 20px; vertical-align: -5px; margin-left: 15px; text-shadow: 0 1px 0 #B2D8FF; }

.h1-large { width: 100%; }

.login-box { margin: 20px 0; }
.login-box p { font-size: 24px; font-weight: bold; }
.login-box .inp-number { font-size: 20px; background: #CCE8CF; padding: 5px; margin: 10px 0 30px; width: 320px; }
.login-box .btn-login, .btn-go, .btn-close, .btn-back, .btn-start { width: 166px; height: 100px; background: url(../images/btn-login.png) no-repeat; border: none; cursor: pointer; font-size: 0; display: inline-block; }

.btn-go { background: url(../images/btn-go.png) no-repeat; }
.btn-close { background: url(../images/btn-close.png) no-repeat; }
.btn-back { background: url(../images/btn-back.png) no-repeat; }
.btn-start { background: url(../images/btn-start.png) no-repeat; }
.btn-s-close { background: url(../images/btn-s-close.png) no-repeat; width: 58px; height: 28px; display: inline-block; font-size: 0; }

.box-wrap { background-color: #F5FAFE; width: 940px; border: 1px solid #C6DEF6; border-radius: 10px; box-shadow: 3px 3px 10px #666; margin: 0 auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch; overflow-y: auto; }
.box-wrap iframe { }
.check-user-info { overflow: hidden; }
.check-user-info h2 { padding: 20px 40px; font-weight: bold; font-size: 26px; display: inline-block; }
.check-user-info table { width: 100%; font-size: 20px; }
.check-user-info th { font-weight: bold; width: 130px; text-align: right; }
.check-user-info th .block { display: inline-block; width: 42px; }
.check-user-info th, .check-user-info td { padding: 8px 5px; }
.check-user-info td span { display: block; border-bottom: 1px solid #000; text-align: center; color: #4E5C76; }
.check-user-info .td-photo { width: 260px; text-align: center; }

.bg-light, .bg-cold { position: relative; }
.opt-area { margin: 30px auto auto; position: absolute; width: 100%; bottom: -30px; }

.single-intro { padding-top: 190px; }
.single-intro iframe { width: 100%; overflow-y: auto; margin-top: 10px; height: 392px; }

.header { padding: 10px 0; }
.header .desc{text-indent: 2em;margin:0 10px;font-size: 12px;height:36px;}
.header .title-desc { padding-left: 53px; }
.header span.right { float: right; display: inline-block; margin-top: 5px; margin-right: 10px; }
.header .h-logo, .header .h-type, .header .h-cur, .header .h-time, .header .h-notice, .header .h-pc-number, .pc-s-number, .pc-time { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; }
.header .h-type { margin-left: 10px; font-size: 20px; }
.header .h-cur { display: inline-block; width: 160px; font-size: 20px; }
.header .h-cur s { text-decoration: none; color: #f00; }
.header .h-time { display: inline-block; margin-right: 50px; }
.header .h-notice { margin: 0 20px; }
.header .h-notice img { vertical-align: middle; }
.header .h-pc-number { }
.header .h-pc-number span, .small-h-wrap .pc-s-number span { color: #f00; font: bold 18px arial; text-shadow: 0 1px 0 #B2D8FF; }

.small-h-wrap { text-align: right; display: block; position: relative; }
.small-h-wrap .pc-time { margin-top: 30px; }
.small-h-wrap .pc-s-number { position: absolute; width: 120px; right: 20px; top: 40px; }

.info { float: left; border: 1px solid #D5DCE4; border-radius: 10px; background: rgba(255,255,255,0.7); width: 180px; margin: 0 10px; padding: 10px 20px; }
.info h3 { font-weight: bold; color: #668ABA; }
.info .user-photo { width: 100%; margin: 20px 0; }
.info dt { font-weight: bold; }
.info dd { margin-bottom: 10px; }

.exam { padding-left: 250px; padding-right: 10px; height: 630px; margin-bottom: 30px; }
.exam iframe { width: 100%; height: 650px; border: 1px solid #C1CEE3; }
.exam-iframe-wrap { height: 630px; }
.exam-iframe-wrap > iframe { width: 100%; height: 630px; }

.footer { margin: 10px; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer .right .opt { margin: 0 30px; width: 240px; display: inline-block; vertical-align: 0px; }
.footer .right .opt img:hover { box-shadow: 0 0 10px rgba(52,175,255,0.5); }
.footer .right label { margin-right: 30px; font-weight: bold; }
.footer .right a, .footer .left a { margin-left: 5px; font-size: 0; outline: none; }
.footer .right * { vertical-align: middle; }



.select-wrap { margin-top: 70px; margin-bottom: 20px; }
.select-wrap .box-wrap { border: 1px solid #D7E8FA; width: 980px; max-height: 620px; min-height: 300px; }
.select-wrap .state-intro { padding-right: 70px; margin: 20px 0; }
.select-wrap p span { display: inline-block; margin-left: 10px; }
.select-wrap dl { border-bottom: 1px solid #EBF2FC; padding: 15px 0px 15px 60px; }
.select-wrap dl.omega { border: none; }
.select-wrap dt { display: inline-block; float: left; width: 110px; padding-right: 20px; text-align: right; font-weight: bold; }
.select-wrap dd { display: inline-block; width: 620px; }
.select-wrap dd a { border: 1px solid #ccc; color: #32639B; display: inline-block; text-align: center; width: 50px; padding: 5px 0; margin-right: 10px; margin-bottom: 10px; background-color: #D9E5F5; text-decoration: none; }
.select-wrap dd a:hover { text-decoration: none; background-color: #E5F0FA; }
.select-wrap dd a.yes { background-color: #349802; color: #FFF; }
.select-wrap dd a.mark { background-image: url(../images/icon-mark.png); background-position: top right; background-repeat: no-repeat; }

.c-orange{color:#FF8A53;}
.c-green{color:#64925E;}
.pull-right{float:right;}

.status-wrap{margin-top: 70px;margin-bottom: 20px;}
.status-wrap .box-wrap { border: 1px solid #D7E8FA; width: 980px; max-height: 570px; min-height: 300px; }
.status-wrap .title{text-align: right;margin:0 auto 0px;z-index:1;position: relative;padding:10px 20px;width:940px;border:1px solid #D7E8FA;background-color: #FFF;font-weight: bold;}
.status-wrap .title i{font-weight: bold;margin-right: 30px;}

.table-status{width: 90%;margin:20px auto;}
.table-status caption{font-weight: bold;margin: 5px 0;}
.table-status th{background-color: #74A0C7;color:#FFF;border:1px solid #CCC;}
.table-status th,.table-status td{border:1px solid #CCC;padding:5px 20px;text-align: center;}

.icon-state-yes, .icon-state-no, .icon-state-mark { width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 3px; }
.icon-state-yes { border: 1px solid #ccc; background-color: #349802; }
.icon-state-no { border: 1px solid #ccc; background-color: #D9E5F5; }
.icon-state-mark { background: url(../images/icon-mark.png) no-repeat; }
/*
.select-list{float:left;width: 160px;border:1px solid #D6E3F3;background-color: #FEFFF1;padding: 10px;margin: 10px;height: 90%;}
.select-list li{margin: 10px 0;}
.select-list a{color: #FF6701;display: block;width: 100%;padding: 5px 0;text-indent: 2em;background:url(../images/dot-1.png) no-repeat 5px center;font-weight: bold;}
.select-list a:hover,.select-list .cur a{background-color: #ADD9E6;color: #FF6701;}
.select-detail{margin-left: 210px;width:72%;height: 490px;margin-top: 10px;overflow-y:auto;}
*/
.i-select { width: 100%; }

.menu-wrap, .tip-wrap { margin-top: 70px; }
.menu-wrap .box-wrap, .tip-wrap .box-wrap { padding: 10px 20px 0px; }
.menu-wrap h3 { font: 30px "simhei"; margin: 10px auto; }
.menu-wrap h4 { font-weight: bold; }
.menu-wrap li { position: relative; /*background: url(../images/dot-2.png) no-repeat 0px 15px;*/ padding: 10px 0; padding-left: 25px; border-top: 1px dotted #ddd; background-position-y: 11px; }
.menu-wrap li.alpha { border: none; }
.menu-wrap li p { padding-right: 140px; padding-left: 30px; }
.menu-wrap li a { float: right; position: absolute; top: 40%; right: 20px; }
.menu-wrap .sub-info, .tip-wrap .sub-info { font-size: 16px; font-weight: bold; padding-left: 50px; margin-bottom: 40px; }
.menu-wrap .sub-info img, .tip-wrap .sub-info img { vertical-align: middle; margin-right: 10px; }
.menu-wrap .tip { background: url(../images/time-bg.png) no-repeat 60px center; padding: 20px 120px; font-size: 18px; font-weight: bold; }
.menu-wrap .box-wrap { height: 590px; }
.menu-wrap ul { width: 840px; margin: 0 auto; }

.tip-wrap { }
.tip-wrap .box-wrap { padding-top: 30px; height: 570px; }
.tip-wrap ul { padding-left: 25px; }
.tip-wrap li { background: none; border: none; }


.ul-subject h3 { text-align: center; font-size: 30px; margin: 10px auto; }
.ul-subject ul { margin: 10px auto 10px; width: 600px; }
.ul-subject ul li { margin: 8px; display: inline-block; width: 45%; }
.ul-subject ul li a {font-size: 16px; width: 100%; padding: 16px 0; display: block; text-align: center; border-bottom: 1px solid #B4DEFF; background-color: #D8EDFF; border-radius: 30px; text-shadow: 0 1px 0 #FFF; font-weight: bold; text-decoration: none; }
.ul-subject ul li a:hover { background-color: #98D172; color: #fff; border-bottom: 1px solid #71B940; text-decoration: none; text-shadow: 0 1px 3px #333; }
.ul-subject ul li a:active { box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3); }

.table-select { width: 100%; border-collapse: collapse; border-spacing: 0; color: #4B6389; }
.table-select th { text-align: left; font-weight: bold; color: #000; }
.table-select thead tr { background-color: #F3F7FF; }
.table-select th, .table-select td { padding: 5px; border: 1px solid #D6E3F3; }
.table-select tr:hover { background-color: #ADD9E6; }
.table-select .t1 { width:; }
.table-select .l1 { font-size: 12px; }
.table-select .t2, .table-select .l2 { width: 60px; text-align: center; }
.table-select .t3, .table-select .l3 { width: 60px; text-align: center; }
.table-select .t4, .table-select .l4 { width: 70px; text-align: center; }
.table-select .even { background-color: #F4FAEE; }


.wrap-l { padding-top: 70px; }
.wrap-l .box-wrap { width: 980px; margin: 0 auto; height: 580px; padding: 10px 0; overflow-y: auto; }
.wrap-l iframe { width: 100%; margin-top: 10px; height: 481px; }

.h-s-time { font-weight: bold; text-align: center; position: absolute; top: 10px; left: 440px; display: block; }
.h-s-time span { display: block; }

.full-screen-tip .wrap { background-color: rgba(0,0,0,0.3); opacity: 0.8\9; text-align: center; color: #FFF; text-shadow: 0 0 3px rgba(0,0,0,0.8); min-width: 300px; min-height: 100px; display: inline-block; border-radius: 30px; font-size: 25px; top: 300px; vertical-align: middle; line-height: 100px; padding: 10px 30px; }
.full-screen-tip { width: 100%; position: absolute; top: 300px; text-align: center; }


.p-notice { padding: 20px 40px; line-height: 1.5; }
.p-notice p { padding-left: 0; text-indent: 0; }
.p-notice .menu-list { margin: 20px 30px 20px 60px; }
.p-notice .menu-list dt { font-weight: bold; margin-left: -30px; }
.p-notice .menu-list dd { margin-left: 0; margin: 5px 0; }
.p-notice .menu-list dd a { color: #06c; line-height: 26px; text-decoration: underline; }
.p-notice .menu-list dd a:hover { color: #F37F0D; }
.p-notice dt { font-weight: bold; margin-bottom: 10px; }
.p-notice ul, .p-notice ol { margin-left: 0; padding-left: 0; }
.p-notice ul li, .p-notice ol li, .tip-wrap li { font-size: 14px; line-height: 26px; margin-bottom: 10px; }
.ta-r { text-align: right; }
.red { color: #c00; }
.mark { background-color: #FF0; }

.p-rules { padding: 10px 10px; }
.p-rules h3, .p-notice h3 { font-size: 30px; margin: 10px auto 20px; text-align: center; }
.p-rules p, .p-notice p { font-size: 14px; line-height: 26px; margin-bottom: 10px; padding-left: 40px; text-indent: -29px; }
.p-rules p { text-indent: -50px; margin: 15px; padding-left: 60px; padding-right: 10px; }
.p-rules .num { display: inline-block; width: 50px; text-align: right; }

.p-notice h4 { font-weight: bold; margin-bottom: 10px; color: #658ABE; text-indent: 2em; }
.p-notice p { text-indent: 2em; padding-left: 0; }
.p-notice img { margin-left: 2em; margin-top: 10px; }

.layer-user-info { position: absolute; top: 230px; width: 100%; }
.layer-user-info .check-user-info { width: 480px; overflow: hidden; padding-top: 10px; }
.layer-user-info .wrap { width: 543px; padding: 20px 0; background-color: #FFF; border: 2px solid #C1CEE3; }
.layer-user-info .check-user-info h2 { padding: 10px 30px; font-weight: bold; font-size: 20px; display: inline-block; }
.layer-user-info .check-user-info table { width: 100%; font-size: 14px; }
.layer-user-info .check-user-info th { font-weight: bold; width: 100px; text-align: right; }
.layer-user-info .check-user-info th .block { display: inline-block; width: 29px; }
.layer-user-info .check-user-info th, .check-user-info td { padding: 5px; }
.layer-user-info .check-user-info td span { display: block; border-bottom: 1px solid #000; text-align: center; color: #4E5C76; }
.layer-user-info .check-user-info .td-photo { width: 160px; text-align: center; }
.layer-user-info .check-user-info .td-photo img { width: 120px; }

.layer-table-modulus { position: absolute; top: 160px; width: 100%; }
.layer-table-modulus .wrap-modulus { width: 700px; overflow: hidden; padding: 10px; }
.layer-table-modulus .wrap { background-color: #FFF; width: 740px; padding: 20px 10px; margin: 0 auto; border: 2px solid #C1CEE3; }

.i-notice { font-weight: bold; width: 670px; margin: 0 auto; display: block; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }

.wrap-h { text-align: center; padding-top: 240px;; }
.wrap-h img { margin-bottom: 30px; }
.mr60px { margin-right: 60px; }

.table-modulus { width: 100%; }
.table-modulus caption { padding: 8px 0; }
.table-modulus th, .table-modulus td { border: 1px solid #ccc; padding: 5px; text-align: center; }
.table-modulus th { background-color: #D3E5F5; }
.table-modulus tr:nth-child(2n-1) { background-color: #ECECEC; }
.table-modulus tr:hover { background-color: #E8F2FA; }
.table-modulus td:hover { background-color: #FEE487; }
.table-modulus td:first-of-type:hover { background-color: transparent; }
.ul-tips { padding-left: 80px !important; text-indent: -29px; padding-right: 60px; }

.popup{position: absolute;background-color: #FFF;border:1px solid #000;box-shadow:1px 1px 5px rgba(0,0,0,0.5);}
.popup a{display: block;padding:5px 20px;text-decoration: none;}
.popup a:hover{background-color: #4281f4;color:#FFF;}

.rule-null{font-weight: bold;text-align: center;margin: 20% auto 0;border:1px dashed #5593FF;padding:20px;width:60%;background-color: #FFFEF2;color:#333;font-size: 16px;}
.rule-null img{vertical-align: middle;width:90px;margin-right: 10px;}

/*fix for ie*/
.box-wrap, .ul-subject ul li a { position: relative\0; behavior: url(../scripts/PIE.htc)\0; }
.full-screen-tip .wrap { zoom: 1; position: relative\0; top: 20px\0; background: #ccc\0; behavior: url(../scripts/PIE.htc)\0; }
.answer-iframe { width: 100%; height: 100%; }
.layer-answer { top: 10px; }
.layer-answer .wrap { width: 980px; height: 690px; }
.layer-answer .wrap-modulus { width: 940px; height: 630px; }
.answer-desc { line-height: 1.7; margin: 10px; overflow-y: auto; }
.answer-desc p { text-indent: 2em; }
.answer-desc .cell { margin-bottom: 20px; }
.answer-desc .cell ul { }
.answer-desc .answer-h1 { font-weight: bold; font-family: simhei; text-align: center; font-size: 24px; }
.body-answer { background-color: transparent; min-width: auto; }


.wrap-l .box-wrap{position: relative;}
.p-notice{
    padding-top: 0px;
}
.fixed-nav{
	font-size: 13px;
    //position:fixed;
    position: -webkit-sticky;
    position: sticky;
    top:-10px;
    padding:16px 0px 10px 40px;
    margin-top: -10px;
    background-color: #F5FAFE;
}
.fixed-nav>strong{
    display: block;
}
.fixed-nav a{margin-right: 10px;}
